<template>
	<div class="house_resource">
		<el-form :model="form" label-width="120px" size="small">
			<el-row>
				<el-col :span="12">
					<el-form-item label="类型">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="租房要求">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>

			<el-row>
				<el-col :span="12">
					<el-form-item label="小区/公寓">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="房型">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>

			<el-row>
				<el-col :span="12">
					<el-form-item label="押金方式">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="装修风格">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>

			<el-row>
				<el-col :span="12">
					<el-form-item label="房子朝向">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="房栋">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>

			<el-row>
				<el-col :span="12">
					<el-form-item label="名称(房名)">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="门牌编号">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>

			<el-row>
				<el-col :span="12">
					<el-form-item label="租金">
						<el-input v-model="form.name"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="楼层">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>

			<el-row>
				<el-col :span="12">
					<el-form-item label="房间面积(平米)">
						<el-input v-model="form.name"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="发布房源">
						<el-select v-model="form.resource" class="w-100">
							<el-option label="新增租户" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
				</el-col>
			</el-row>


			<el-form-item label="配置">
				<el-checkbox-group v-model="form.type">
					<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
					<el-checkbox label="地推活动" name="type"></el-checkbox>
					<el-checkbox label="线下主题活动" name="type"></el-checkbox>
					<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
				</el-checkbox-group>
			</el-form-item>
			<el-form-item label="房源照片">
				<el-upload :auto-upload="false" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
					<i class="el-icon-upload"></i>
					<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
					<div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
				</el-upload>
			</el-form-item>
			<el-form-item label="描述">
				<el-input type="textarea" v-model="form.desc"></el-input>
			</el-form-item>

		</el-form>
	</div>

</template>

<script>
	export default {
		name: 'Tenant',
		data() {
			return {
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: ''
				}
			}
		}
	}

</script>

<style lang="scss" scoped>

</style>
